@charset "utf-8";

.padding {
	padding-left: 0;
	padding-right: 0;
}

/* 页面标题 */
.wm-font-head {
	font-size: 20px;
	font-weight: bold;
	color: #303030;
}

/* 页面小标题 */
.wm-font-subhead {
	font-size: 16px;
	color: #303030;
}

/* 正文 */
.wm-font-text {
	font-size: 14px;
	color: #666666;
}

/* 辅助文字 */
.wm-font-help {
	font-size: 14px;
	color: #9B9B9B;
}

/* 日期 */
.wm-font-date {
	font-size: 12px;
	color: #9B9B9B;
}

/* 文字前带图标状态 */
.wm-text-dot span {
	position: relative;
	margin-left: 10px;
}

.wm-text-dot i {
	display: block;
	border-radius: 50%;
	width: 6px;
	height: 6px;
	top: 4px;
	left: -8px;
	position: absolute;
}

/* 未开始 */
.wm-text-dot .default {
	background: #bababa;
}

/* 进行中 */
.wm-text-dot .primary {
	background: #337ab7;
}

/*******
	网格列表布局的添加样式，如果匹配的列表高度不同，需要手动更改 min-height: 344px; line-height: 320px;这两条代码的值
*******/
.wm-gridLists-add {
	border: 1px dashed #E9E9E9;
	color: #919191;
	font-size: 14px;
	text-align: center;
	min-height: 344px;
	line-height: 320px;
}
/*******
	以下网格列表在真正带有整屏宽度的时候，需要删掉min-width: 300px;这行代码，现在添加进去是为了展现效果！！！
	从wm-gridLists1  到  wm-gridLists7，都是这样的，可根据项目具体调整
*******/


/*******
	网格列表大图带操作
*******/
.wm-gridLists1 {
	border: 1px solid #E9E9E9;
	border-radius: 4px;
	min-width: 300px;
	min-height: 300px;
}

.wm-gridLists1:hover {
	border: 1px solid #108EE9;
}

.wm-gridLists1 .wm-gridLists-bigImg img {
	height: 160px;
}

.wm-gridLists1 .wm-gridLists-title {
	padding: 20px 15px 15px 15px;
	clear: both;
	overflow: hidden;
}

.wm-gridLists1 .wm-gridLists-title img {
	border-radius: 50%;
}


.wm-gridLists1 .wm-font-title {
	width: calc(100% - 50px);
	margin-top: 6px;
}

.wm-gridLists1 .wm-font-title span {
	margin-bottom: 15px;
}

.wm-gridLists1 .wm-gridLists-photo {
	width: calc(100% - 50px);
}

.wm-gridLists1 .wm-gridLists-photo img {
	width: 20px;
	height: 20px;
	float: right;
	border: 1px solid #ffffff;
	margin-left: -8px;
}

.wm-gridLists1 .wm-gridLists-photo span {
	display: inline;
}

.wm-gridLists1 .wm-gridLists-icon {
	clear: both;
	overflow: hidden;
	border-top: 1px solid #E9E9E9;
	background: #F7F9FA;
}

.wm-gridLists1 .wm-gridLists-icon a {
	margin: 14px 0;
	border-right: 1px solid #E9E9E9;
	text-align: center;
	color: #919191;
}

.wm-gridLists1 .wm-gridLists-icon a:last-child {
	border-right: none;
}

/*******
	网格列表纯文字带操作
*******/

.wm-gridLists2 {
	border: 1px solid #E9E9E9;
	border-radius: 4px;
	min-width: 300px;
}

.wm-gridLists2:hover {
	border: 1px solid #108EE9;
}

.wm-gridLists2 .wm-gridLists-photo {
	padding: 0 15px;
	overflow: hidden;
}

.wm-gridLists2 .wm-gridLists-photo img {
	width: 20px;
	height: 20px;
	border: 1px solid #ffffff;
	margin-left: -8px;
	margin-top: 15px;
	float: right;
	border-radius: 50%;
}

.wm-gridLists2 .wm-font-title {
	padding: 0 15px;
}

.wm-gridLists2 .wm-font-title>span {
	margin-top: 15px;
}

.wm-gridLists2 .wm-font-title div {
	margin-top: 15px;
}

.wm-gridLists2 .wm-text-dot {
	float: left;
	margin-top: 15px;
	margin-right: 10px;
}

.wm-gridLists2 .wm-gridLists-icon {
	clear: both;
	overflow: hidden;
	border-top: 1px solid #E9E9E9;
	margin-top: 15px;
	background: #F7F9FA;
}

.wm-gridLists2 .wm-gridLists-icon a {
	margin: 14px 0;
	border-right: 1px solid #E9E9E9;
	text-align: center;
	color: #919191;
}

.wm-gridLists2 .wm-gridLists-icon a:last-child {
	border-right: none;
}

.wm-gridLists2 .wm-font-title div span {
	display: inline;
}


/*******
	网格图标文字带操作1
*******/

.wm-gridLists3 {
	border: 1px solid #E9E9E9;
	border-radius: 4px;
	min-width: 300px;
}

.wm-gridLists3:hover {
	border: 1px solid #108EE9;
}

.wm-gridLists3 .wm-gridLists-title {
	padding: 20px 15px 15px 15px;
	clear: both;
	overflow: hidden;
}

.wm-gridLists3 .wm-gridLists-title img {
	border-radius: 50%;
}


.wm-gridLists3 .wm-font-title {
	width: calc(100% - 50px);
	margin-top: 6px;
}

.wm-gridLists3 .wm-gridLists-icon {
	clear: both;
	overflow: hidden;
	border-top: 1px solid #E9E9E9;
	background: #F7F9FA;
}

.wm-gridLists3 .wm-gridLists-icon a {
	margin: 14px 0;
	border-right: 1px solid #E9E9E9;
	text-align: center;
	color: #919191;
}

.wm-gridLists3 .wm-gridLists-icon a:last-child {
	border-right: none;
}

.wm-gridLists-statistics {
	width: calc(100% - 50px);
	overflow: hidden;
	margin-bottom: 15px;
}

.wm-gridLists-statistics div span {
	padding-right: 0;
}

/*******
	网格图标文字带操作2
*******/

.wm-gridLists4 {
	border: 1px solid #E9E9E9;
	border-radius: 4px;
	min-width: 300px;
}

.wm-gridLists4:hover {
	border: 1px solid #108EE9;
}

.wm-gridLists4 .wm-gridLists-title {
	padding: 20px 15px 15px 15px;
	clear: both;
	overflow: hidden;
}

.wm-gridLists4 .wm-gridLists-title img {
	border-radius: 50%;
}


.wm-gridLists4 .wm-font-title {
	width: calc(100% - 50px);
	margin-top: 6px;
	margin-bottom: 15px;
}

.wm-gridLists4 .wm-font-title span {
	margin-bottom: 15px;
}

.wm-gridLists4 .wm-gridLists-photo {
	width: calc(100% - 50px);
}

.wm-gridLists4 .wm-gridLists-photo img {
	width: 20px;
	height: 20px;
	float: right;
	border: 1px solid #ffffff;
	margin-left: -8px;
}

.wm-gridLists4 .wm-gridLists-photo span {
	display: inline;
}

.wm-gridLists4 .wm-gridLists-icon {
	clear: both;
	overflow: hidden;
	border-top: 1px solid #E9E9E9;
	background: #F7F9FA;
}

.wm-gridLists4 .wm-gridLists-icon a {
	margin: 14px 0;
	border-right: 1px solid #E9E9E9;
	text-align: center;
	color: #919191;
}

.wm-gridLists4 .wm-gridLists-icon a:last-child {
	border-right: none;
}


/*******
	网格图标文字带操作3
*******/

.wm-gridLists5 {
	border: 1px solid #E9E9E9;
	border-radius: 4px;
	min-width: 300px;
}

.wm-gridLists5:hover {
	border: 1px solid #108EE9;
}

.wm-gridLists5 .wm-gridLists-title {
	padding: 20px 15px 15px 15px;
	clear: both;
	overflow: hidden;
}

.wm-gridLists5 .wm-gridLists-title img {
	border-radius: 50%;
}


.wm-gridLists5 .wm-font-title {
	width: calc(100% - 50px);
	margin-top: 6px;
}

.wm-gridLists5 .wm-font-title span {
	margin-bottom: 15px;
}

.wm-gridLists5 .wm-gridLists-icon {
	clear: both;
	overflow: hidden;
	border-top: 1px solid #E9E9E9;
	background: #F7F9FA;
}

.wm-gridLists5 .wm-gridLists-icon a {
	margin: 14px 0;
	border-right: 1px solid #E9E9E9;
	text-align: center;
	color: #919191;
}

.wm-gridLists5 .wm-gridLists-icon a:last-child {
	border-right: none;
}


/*******
	网格大图带多头像
*******/

.wm-gridLists6 {
	border: 1px solid #E9E9E9;
	border-radius: 4px;
	min-width: 300px;
}

.wm-gridLists6:hover {
	border: 1px solid #108EE9;
}

.wm-gridLists6 .wm-gridLists-bigImg img {
	height: 160px;
}

.wm-gridLists6 .wm-gridLists-title {
	padding: 20px 15px 15px 15px;
	clear: both;
	overflow: hidden;
}

.wm-gridLists6 .wm-gridLists-title img {
	border-radius: 50%;
}


.wm-gridLists6 .wm-font-title {
	width: calc(100% - 50px);
	margin-top: 6px;
}

.wm-gridLists6 .wm-font-title span {
	margin-bottom: 15px;
}

.wm-gridLists6 .wm-gridLists-photo {
	width: calc(100% - 50px);
}

.wm-gridLists6 .wm-gridLists-photo img {
	width: 20px;
	height: 20px;
	float: right;
	border: 1px solid #ffffff;
	margin-left: -8px;
}

.wm-gridLists6 .wm-gridLists-photo span {
	display: inline;
}


/*******
	网格大图带单头像
*******/

.wm-gridLists7 {
	border: 1px solid #E9E9E9;
	border-radius: 4px;
	min-width: 300px;
}

.wm-gridLists7:hover {
	border: 1px solid #108EE9;
}

.wm-gridLists7 .wm-gridLists-bigImg img {
	height: 160px;
}

.wm-gridLists7 .wm-gridLists-title {
	padding: 20px 15px 15px 15px;
	clear: both;
	overflow: hidden;
}

.wm-gridLists7 .wm-gridLists-title img {
	border-radius: 50%;
}


.wm-gridLists7 .wm-font-title {
	width: calc(100% - 50px);
	margin-top: 6px;
}

.wm-gridLists7 .wm-font-title span {
	margin-bottom: 15px;
}
